<template>
	<view class="wrapper">
		<uni-popup type="center" ref="bootAddAppletPrompt" :mask-click="false">
			<view class="boot-applet-box">
				<view class="step">1、点击</view>
				<view class="step">2、点击添加到我的小程序</view>
				<view class="prompt-close-btn" @click="closePromptPop()">我知道了</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: 'boot-add-applet',
	    data () {
	        return {
				
	        }
	    },
        props:{
			
		},
		watch: {
			
		},
	    created(){
	
	    },
	    mounted(){
			// 每个用户只弹出一次
			const bootAddAppletHintHasPopped = uni.getStorageSync('bootAddAppletHintHasPopped');
			if(!bootAddAppletHintHasPopped) {
				this.$refs.bootAddAppletPrompt.open();
				uni.setStorageSync('bootAddAppletHintHasPopped', true);
			}
	    },
	    methods: {
			closePromptPop(){
				this.$refs.bootAddAppletPrompt.close();
			},
			iKnow() {
				this.closePromptPop();
			},
	    }
	}
</script>

<style scoped lang="scss"> 
    .wrapper{
		width: 100%;
		.boot-applet-box{
			width: 80vw;
			height: 80vh;
			margin: 0 auto;
			.step{
				font-size: 40upx;
				color: #fff;
				margin: 50upx 0;
			}
			.prompt-close-btn{
				margin: 40upx auto 0;
				width: 70%;
				height: 70upx;
				line-height: 70upx;
				border: 2upx solid #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				border-radius: 70upx;
			}
		}
		
	}
</style>